@charset "utf-8";
/* sidebar s*/
.sidebar { width: 270px; padding: 30px 15px;  border: 1px solid #eee; background-color: #fafafa;}
.sidebar .sidebar-title { color: #666;}
.sidebar .sidebar-content p {margin-bottom: 20px;color:#999;}
.sidebar .sidebar-content a {color:#8da5d1;}
.sidebar .sidebar-content p:last-child {margin-bottom: 0;}
/* sidebar e*/

.ql-left {  padding-right:40px;}
.ql-apart { width:650px;}
.ql-apart .markdown-body { font-size: 12px;}
.ql-nav ul li{ list-style: none;  float: left;}
/* discuss & topic s */
.vote-warp { width: 70px;}
.ql-qa-warp {width: 570px;}
.ql-qa-warp.item { border-bottom: 1px solid #eee;}
.ql-qa-answer-count { margin-top:50px;padding-bottom:10px;border-bottom: 1px solid #eee;}
.ql-qa-title,.task-title {  font-size: 24px; color:#333;font-weight: 700;}
.operate { color: #999;  line-height:22px;}
.operate a{ color: #999; margin-left: 10px;  position: relative;}
.operate a:hover{ text-decoration: underline; color: #2e57a4;}
.operate img.icon-answer {  margin-right:5px;  }
.ql-qa-user img,.ql-qa-item .ql-qa-user-avatar img{ width:30px;height:30px;}
.ql-qa-user .ql-qa-user-name { font-size: 13px;  font-weight:700; vertical-align: middle; color:#333; margin-right: 5px;}
.ql-qa-item {  margin-top: 30px;  }
.ql-qa-item .ql-qa-user-link { font-size: 14px;color:#000; font-weight: 700;}
.ql-qa-item .sign ,.ql-qa-item .statistics{ color: #999;}
.ql-qa-item .sign{ max-width: 280px; line-height: 22px; margin-left: 10px;}
.ql-qa-item .statistics { margin-top: 10px;}
.ql-qa-item .ql-qa-entry-content { word-wrap: break-word; }
.ql-qa-item .ql-qa-entry-content pre{position:relative;overflow-y: hidden;width: 100%;max-height: 300px;padding: 16px 10px 10px 40px;background-color: #f4efe1;font-weight: 700;}
.ql-qa-item .ql-qa-entry-content pre.prettyprint { padding: 10px;}
.dc {padding: 10px;border: 1px solid #ddd;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: relative;}
.dc:before, .dc:after {content: '';position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid dashed dashed dashed;left: 90px;}
.dc:before {top: -20px;z-index: 1;border-color: transparent transparent #fff transparent;}
.dc:after {border-color: transparent transparent #ccc transparent;top: -21px;}
.markdown-body code{ font-size: 100%;}
.markdown-body .pre-numbering {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 25px;
    padding: 18px 2px 10px 0px;
    border-right: 1px solid #C3CCD0;
    border-radius: 3px 0 0 3px;
    background-color: #f4efe1;
    text-align: center;
    font-family: Menlo, monospace;
    font-size: 0.8em;
    color: #AAA;
}

.ql-edit-warp > form { width:570px; margin-left: 70px;}
.ql-edit-warp > h3 { font-size: 14px; font-weight: 700;  padding-left: 70px;}

.ql-q-list-item {  padding:15px 0;}
.ql-discuss-nav li a{ display: block;  padding: 0 25px 7px 25px;  font-weight: 700; font-size: 16px; color: #333;}
.ql-discuss-nav li:first-child a{  padding-left: 0;}
.ql-discuss-nav li a.active, .ql-discuss-nav li a:hover{color: #2e57a4;}
.qa-a-count ,.qa-view-count{width: 60px;height: 60px;text-align: center;margin-right: 8px;padding: 0;border-radius: 3px;border: 1px solid #eee;  }
.qa-a-count {background: #f6f9f9;}
.qa-view-count {  background: #fff;}
.qa-a-count-data ,.qa-view-count-data{  font-size: 16px;font-weight: 700;  display: block;  margin-top: 10px;  }
.qa-view-count-pad, .qa-a-count-pad { font-size: 12px; color: #666;display: block;margin-top: -7px;}
.qa-q-item-main { width:500px;padding:5px 0;margin-left: 10px;}
.qa-q-item-title a{font-size: 18px;color: #333;}
.qa-q-item-meta , .qa-q-item-meta a{  color: #999;  }
/* discuss & topic e */

/* vote s*/
.vote {  width: 50px; margin-top:20px; }
.vote .up span.count {  display: block; color: #333; }
.vote .up, .vote .down {
    color: #fff;
    height: 24px;
    line-height: 24px;
    width: 50px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    position: relative;
    outline: none;
}
.vote .up:hover, .vote .down:hover,.vote button.active{ background:#e5ebef; }
.vote button[disabled]:hover {background: #fafafa;cursor: default;}
.vote .up {  height:44px;  }
.vote .vote_arrow{ height: 6px;  display: block;  text-align: center;  width: 10px;  margin: 0 auto;}
.vote .down { margin-top: 5px; height: 24px;}
.vote .down .vote_arrow {   background: url("../img/down.png");    -webkit-background-size: 100%;  background-size: 100%;}
.vote .up .vote_arrow {   background: url("../img/up.png");    -webkit-background-size: 100%;  background-size: 100%;}
/* vote e*/

/* popover s*/
.popover {  border:1px solid rgba(0,0,0,.1);  z-index: 111;  }
/*.popover-content { padding: 0;}*/
.ql-popover {  position: absolute;  background: #fff;  border: 1px solid #eee;z-index: 11;
    -webkit-box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    -moz-box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    box-shadow: 0 8px 16px  rgba(0,0,0,.1);
    display: none;
}
.ql-popover.left{ left: 425px;}
.ql-popover:after,.ql-popover:before { content: ''; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid}
.ql-popover.bottom:after { top: -20px; left:20px; z-index: 1;  border-color: transparent transparent #fff transparent;}
.ql-popover.bottom:before { border-color: transparent transparent #eee transparent;  top: -21px;  left: 20px;}
.ql-popover.bottom.left:after, .ql-popover.bottom.left:before { left:220px;}
.ql-popover.bottom.right:after { top: 100px; left: -20px; z-index: 1;  border-color: transparent #fff transparent transparent;}
.ql-popover.bottom.right:before { border-color: transparent #eee transparent transparent;  top: 100px;  left: -20px;}
.namecard-main {  text-align: center;  line-height: 24px;  width: 250px;  }
.namecard-main img {  width: 70px;  height: 70px;  border-radius: 70px;  margin: 20px;  }
.namecard-name {  font-size: 18px;  font-weight: bold;  color: #333;  }
.namecard-job {  font-size: 14px;  color: #666;  font-style: normal; white-space: pre-wrap;  word-break: break-all;  padding: 10px; }
.namecard-numbers { padding: 7px 0; margin-top: 10px; background: #fafafa;}
.namecard-numbers > div {  width: 47.5%;  display: inline-block;  color: #999;  }
.namecard-numbers > div.vertical { width: 1px; height:22px; background: #eee; margin-bottom: 5px;}
.namecard-numbers > div span {  color: #999;  font-size: 12px;  }
.namecard-numbers > div span.num {  display:block; margin-top: -5px; font-size: 18px;  font-weight: 700;  color: #333;  }
.namecard-numbers .slike {}
/* popover e*/

/* profile center s */
.profile-avatar img { width:90px; height: 90px; margin:20px;}
.profile-info { padding-top: 30px;  margin-left:130px;}
.profile-name { font-size: 20px;  font-weight: 700; color: #333; min-height: 34px;}
.profile-other .item, .profile-sign { color: #666;}
.profile-other .item+.item { border-left: 1px solid #ddd;  margin-left:15px; padding-left: 15px;}
.profile-sign { line-height: 60px;}
.profile-badges .items { padding: 2px 0;}
.profile-badges .items .icon{ width: 28px; height: 28px; margin-right: 10px;}
.profile-badges .items b {  margin-right: 20px; font-size:14px; color: #333;}
.profile-badges .u-btn {padding: 3px 6px;  font-size: 14px; text-align: center;  cursor: pointer;  border: 1px solid;  border-radius: 4px;}
/* profile center e */

/* profile follow s */
.follow-bar { width: 270px;}
.follow-line { border-bottom: 1px solid #eee; padding-top: 10px;}
.follow-line .normal{ color: #999;}
.follow-line a{ text-decoration: none;}
.follow-num, .follower { width: 120px; display: block;  float: left; padding-bottom: 10px;}
.follow-num strong, .follower strong { font-size: 24px;}
.follower { padding-left:30px;}
.follow-bottom { margin-top: 21px;}
/* profile follow e */

/* profile bar s*/
.profile-bar .profile-bar-item{ padding: 20px 25px; font-size: 16px; color: #333;  font-weight: 700; text-decoration: none;}
.profile-bar .profile-bar-item:hover,
.profile-bar .profile-bar-item.active{ color: #2e57a4;}
.profile-bar .profile-bar-item .num{ color: #999;}
/* profile bar e*/

/* profile section s*/
.profile-section .nothing { font-size: 14px; vertical-align: middle; color: #999; text-align: center; height: 170px; line-height: 170px; }
.profile-section-header { font-size: 14px; color: #333;}
.profile-section-header .target{ display: block; color: #333;}
.profile-section-content .item { padding: 15px 20px;  overflow: hidden;}
.profile-section-content .item+.item { border-top: 1px solid #eee;}
.profile-section-content .item .vote { margin-top: 0;}
.profile-section-content .item .type { padding: 10px 0; line-height: 30px; font-size: 14px; color: #999;}
.profile-section-content .item .title a{ font-size: 18px; font-weight: 700; color: #333;}
.profile-section-content .item .time { color: #999;}
.profile-section-content .item .detail.capture { margin-left: 40px;}/*攻克*/
.profile-section-content .item .detail.answer { margin-left: 80px;}/*回答*/

/* profile section e*/

/* rank s*/
.rank-search input { padding: 0 10px; line-height: 28px; border: 1px solid #eee;  float: left; outline:none;}
.rank-search button { width: 70px; height: 30px;  line-height: 30px; border: 1px solid #eee; border-left: none; display: inline-block;
    float: left; text-align: center; font-size: 14px; background: #f6f9f9; color: #666; outline:none; }
.rank-wrap.task{max-height: 420px;overflow: hidden;}
.rank-wrap .rank-header { border:1px solid #eee; background:#fafafa;  line-height: 40px; font-size:12px; color: #666; padding: 0 20px;}
.rank-wrap .tag {  display: inline-block; color: #666; vertical-align: middle;}
.rank-wrap .tag.rank { width: 90px;}
.rank-wrap .tag.name { width: 200px;}
.rank-wrap .tag.badges { width: 400px;}
.rank-wrap .tag.solve { width: 120px;}
.rank-wrap .tag.score { width: 90px;}
.rank-wrap .tag.rank-level { width: 30px; text-align: center; padding: 0 5px;}
.rank-wrap .tag.rank-name { width: 90px;}
.rank-wrap .tag.rank-type { width: 65px;}
.rank-wrap .tag.rank-score{ width: 65px;}
.rank-task-item {  border-bottom: 1px solid #eee; height: 42px; line-height: 42px;}
.rank-task-item:nth-child(even) { background: #fafafa;}
.rank-item { padding: 15px 20px; border-bottom: 1px solid #eee;}
.rank-item .rank-num { vertical-align: middle; text-align: center; font-size: 16px; font-weight: 700; color: #666; line-height: 24px; width:24px;height:24px;
 display: inline-block;}
.rank-item .name a{ font-weight: 700; font-size: 16px; color: #000;}
.rank-item .name a:hover { text-decoration: none;}
.rank-item .name a span{ line-height: 40px;  width: 120px;}
.rank-item .name img { width:40px; height: 40px; vertical-align: middle;  margin-right: 12px;}
.rank .color-first { background: #ff8983;}
.rank .color-second { background: #ffc36c;}
.rank .color-third { background: #e5ebef;}
.rank-num.color-first,.rank-num.color-second,.rank-num.color-third{ color: #fff; border:none;}

/* rank e */

/* pageinator s*/
.pagination {  display: block; margin: 50px 0;}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
    line-height: 20px;
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 10px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #eee;
    /*border-left-width: 0;*/
    cursor: pointer;
    color: #666;
    font-weight: 700;
    margin-left: 3px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    margin-left: 0;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #2e57a4;
    color: #fff;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #fff;
    cursor: default;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
/* pageinator e*/

/* task s */
.task-wrap {  padding-bottom: 10px;  border-bottom: 1px solid #eee;}
.task-header .task-score { color: #FF8983; line-height: 40px;}
.task-header .task-score small{ font-size: 12px; margin-left: 5px; }
.task-writer-wrap { width: 270px;}
.task-writer-avatar { margin-right: 15px;}
.task-writer-avatar img { width: 60px; height: 60px; }
.task-writer-info { margin-left: 75px;}
.task-writer-info i{ margin-right: 5px}
.task-writer-name { font-size: 14px; color: #333;  font-weight: 700;}
.task-writer-name span { border: 1px solid #eee;  -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; color: #999; padding:0 6px; font-size:12px; font-weight: normal;margin-left: 5px;}
.task-writer-apart { color: #666; padding: 20px 0; }
.task-writer-apart .modal.in .modal-dialog{ width: 960px;margin: 0 auto;transform: translateY(-50%);top: 50%;position: absolute;left: 50%;margin-left: -480px;z-index: 1041;}
.task-writer-apart .modal-body img {display: block;margin: 0 auto; width: 95%;}
.task-modal {  display: block; background: #fafafa; margin: 0 10px;}
.task-modal img {width:250px; display: block;margin:0 auto;}
.task-writer-h2 { font-size: 14px;}
.task-writer-footer a { font-size: 14px; }
.task-writer-footer .vertical { display: inline-block; width: 1px; height: 16px;  background: #eee; vertical-align: middle; margin: -3px 15px 0;}
/* task e */

/* comment s */
.comment-main .edit {
    width: 100%;
    padding: 9px 13px;
    min-height: 38px;
    min-height: 22px\9;
    line-height: 1.4;
    color: #222;
    cursor: text;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.1) inset;
    box-sizing: border-box;
    background: #fff;
    outline: 0;
    font-size: 12px;
}
.comment-main .edit.empty:after{
    content: attr(aria-label);
    color: #ccc;
}
.comment-main .command { text-align: right;}
.comment-main .command a{
    display:inline-block;
    padding: 5px 10px;
    margin-top:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.comment-main .command a.cancel { background: #999;}
.comment-main .command a.cancel:hover { background: #898989;}
.comment-main .command a.commentBtn { background: #2e57a4; margin-left:20px;}

.comment-list { margin-bottom: 120px;}
.comment-body { display: table-cell; width:10000px;}
.comment-body .re{ color:#999; margin: 0 10px; }
.comment-user-avatar { margin-right: 10px;}
.comment-user-avatar img{ width: 30px; height: 30px;}
.comment-body .comment-username { font-size: 14px; font-weight: 700; color: #333;}
.media + .media {  border-top: 1px solid #ddd;  padding-top: 15px;  }
/* comment e */

/* highlight */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #000;
  background: #fff;
  -webkit-text-size-adjust: none;
}

.hljs-subst,
.hljs-title,
.json .hljs-value {
  font-weight: normal;
  color: #000;
}

.hljs-comment,
.diff .hljs-header {
  color: #808080;
  font-style: italic;
}
.hljs-meta {
    color: #800;
}
.hljs-annotation,
.hljs-decorator,
.hljs-preprocessor,
.hljs-pragma,
.hljs-doctype,
.hljs-pi,
.hljs-chunk,
.hljs-shebang,
.apache .hljs-cbracket,
.hljs-prompt,
.http .hljs-title {color: #808000;}

.hljs-tag,
.hljs-pi {background: #efefef;}
.hljs .hljs-built_in, .hljs .hljs-deletion {color: #dc322f;}
.hljs-tag .hljs-title,
.hljs-id,
.hljs-attr_selector,
.hljs-pseudo,
.hljs-literal,
.hljs-keyword,
.hljs-hexcolor,
.css .hljs-function,
.ini .hljs-title,
.css .hljs-class,
.hljs-list .hljs-keyword,
.nginx .hljs-title,
.tex .hljs-command,
.hljs-request,
.hljs-status {font-weight: bold;color: #859900;}

.hljs-attribute,
.hljs-rule .hljs-keyword,
.hljs-number,
.hljs-date,
.hljs-regexp,
.tex .hljs-special {font-weight: bold;color: #2aa198;}

.hljs-number,
.hljs-regexp {font-weight: normal;}

.hljs-string,
.hljs-value,
.hljs-filter .hljs-argument,
.css .hljs-function .hljs-params,
.apache .hljs-tag {color: #2aa198;font-weight: bold;}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-char,
.tex .hljs-formula {color: #000;background: #d0eded;font-style: italic;}
.hljs-doctag {text-decoration: underline;}
.hljs-variable,
.hljs-envvar,
.apache .hljs-sqbracket,
.nginx .hljs-built_in,
.hljs-name {color: #660e7a;}
.hljs-addition {background: #baeeba;}
.hljs-deletion {background: #ffc8bd;}
.diff .hljs-change {background: #bccff9;}

/*clipboard*/
pre .btn{
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    padding: 2px 6px;
    position: absolute;
    right: 50px;
    top: 4px;
}
pre a.collapsed{
  position: absolute;
	top: 8px;
	right: 4px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
  font-size: 14px;
}

pre:hover .btn,pre:hover a.collapsed{
    opacity:1;
}
.clipboard{outline:none;}
.tooltipped {
    position:relative
}
.tooltipped:after {
    position:absolute;
    z-index:1000000;
    /*display:none;*/
    padding:5px 8px;
    font:normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    color:#fff;
    text-align:center;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:break-word;
    white-space:pre;
    pointer-events:none;
    content:attr(aria-label);
    background:rgba(0, 0, 0, 0.8);
    border-radius:3px;
    -webkit-font-smoothing:subpixel-antialiased
}
.tooltipped:before {
    position:absolute;
    z-index:1000001;
    /*display:none;*/
    width:0;
    height:0;
    color:rgba(0, 0, 0, 0.8);
    pointer-events:none;
    content:"";
    border:5px solid transparent
}
.tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after {
    display:inline-block;
    text-decoration:none
}

.tooltipped-s:after{
    top:100%;
    right:50%;
    margin-top:5px
}
.tooltipped-s:before{
    top:auto;
    right:50%;
    bottom:-5px;
    margin-right:-5px;
    border-bottom-color:rgba(0, 0, 0, 0.8)
}
.tooltipped-s:after{
    -webkit-transform:translateX(50%);
    -ms-transform:translateX(50%);
    transform:translateX(50%)
}

/* modal弹窗 */
.ql-msg-modal .modal-header{
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: white;
}
.ql-msg-modal .modal-header .close {
    color: white;
}
.ql-msg-modal dt.send_label {
    float: left;
    width: 40px;
    clear: both;
}
.ql-msg-modal .send_name input {
    padding: 8px 10px;
    font-size: 13px;
    line-height: 15px;
    border-radius: 3px;
    background: #fff;
    border: none;
    color: #777;
}
.ql-msg-modal .close-btn {
    padding: 6px 12px;
    margin-right: 10px;
}
.ql-msg-modal dd.ml{
  margin: 5px 0 0 40px;
  zoom: 1;
}
.ql-msg-modal .send_editor {
    font-size: 13px;
    line-height: 15px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ccc;
    color: #222;
    padding: 4px 4px 0;
}
.ql-msg-modal .send_editor>textarea {
    color: #222;
    overflow: hidden;
    min-height: 66px;
    line-height: 22px;
    font-size: 13px;
    padding: 0!important;
    margin: 0!important;
    border: 0 none;
    width: 100%;
    font-weight: normal;
    height: 44px;
    resize: none;
    -moz-outline: 0;
    outline: 0;
}


/* login regisiter*/
.ql-lg-modal .modal-dialog { width: 900px;}
.ql-lg-modal .modal-header { background: #f6f9f9;color:#333; border-top-left-radius: 15px;border-top-right-radius: 15px;}
.ql-lg-modal .modal-body .lg-wrap{ padding: 45px 0;  position: relative;  overflow: hidden;}
.ql-lg-modal .modal-body .lg-wrap .sec{ width:49%;padding: 0 45px;  float: left;}
.ql-lg-modal .modal-body .lg-wrap .vline { position:absolute;left:50%; top: 45px;  bottom: 45px;  border-left:1px solid #eee;}
.ql-lg-modal .modal-body .lg-wrap h1{font-size: 16px;color:#666;  margin-bottom:20px;}
.ql-lg-modal .modal-body .lg-wrap .input-wrap input{display: block;margin-bottom:10px;padding:9px 15px;width:100%; border:1px solid #eee;  background: #fafafa; font-size: 14px;outline:none;}
.ql-lg-modal .modal-body .lg-btn { display: block; width:100%;text-align: center;font-size:16px; color: #fff;background:#2e57a4;padding: 10px;margin-top:20px;}
.ql-lg-modal .modal-body .lg-btn:hover{opacity:.9;text-decoration: none;}
.ql-lg-modal .modal-body .other{font-size: 12px;}
.ql-lg-modal .modal-body .other input[type='checkbox']{margin:0;}
.ql-lg-modal .modal-body .hint{font-size:12px;color:red;}
